
<form name="form1" method="post" action="">
  <section class="accordion">
    <h3 class="">방제계획 기본정보</h3>
    <div>
    <table width="100%" cellpadding="0" cellspacing="0" class="listTb">
      <tr>
        <th width="110">사업주체</th>
        <td>
          <select name="select" id="select">
            <option>강릉</option>
          </select></td>
        <th width="110">진행상태</th>
        <td><select name="select3" id="select3">
            <option>완공</option>
          </select></td>
      </tr>
      <tr>
        <th>방제방법</th>
        <td><select name="select4" id="select4">
            <option>나무주사</option>
          </select></td>
        <th>계약자</th>
        <td><input name="textfield" type="text" id="textfield" /></td>
      </tr>
      <tr>
        <th>사업명</th>
        <td colspan="3"><input name="textfield3" type="text" id="textfield3" size="50" /></td>
      </tr>
      <tr>
        <th>사업지</th>
        <td colspan="3"><input name="textfield5" type="text" disabled="disabled" id="textfield17" value="경기도 고양시 고양동 고양1리" size="60" maxlength="60" />
          <a href="#" class="btn layer">주소검색</a></td>
      </tr>
      <tr>
        <th>설계면적(ha)</th>
        <td><label for="textfield5">
            <input name="textfield5" type="text" id="textfield19" />
          </label></td>
        <th>설계제거본수</th>
        <td><input name="textfield5" type="text" id="textfield20" /></td>
      </tr>
      <tr>
        <th>설계금액</th>
        <td colspan="3"><label for="textfield7">
            <input name="textfield" type="text" id="textfield9" />
          </label></td>
      </tr>
      <tr>
        <th>실행면적(ha)</th>
        <td><label for="textfield6">
            <input name="textfield5" type="text" id="textfield21" />
          </label></td>
        <th>실행제거본수</th>
        <td><input name="textfield5" type="text" id="textfield22" /></td>
      </tr>
      <tr>
        <th>실행금액</th>
        <td colspan="3"><label for="textfield7">
            <input name="textfield" type="text" id="textfield9" />
          </label></td>
      </tr>
      <tr>
        <th>계약일</th>
        <td><label for="textfield10">
            <input name="textfield" type="text" id="textfield26" class="datepicker" />
          </label></td>
        <th>계약기간</th>
        <td><label for="textfield11">
            <input name="textfield" type="text" id="textfield28" class="datepicker" />
          </label></td>
      </tr>
      <tr>
        <th>착수일</th>
        <td><label for="textfield4">
            <input name="textfield5" type="text" id="textfield15" class="datepicker" />
          </label></td>
        <th>완료일</th>
        <td><input name="textfield5" type="text" id="textfield16" class="datepicker" /></td>
      </tr>
      <tr>
        <th>담당공무원</th>
        <td><label for="textfield4">
            <input name="textfield5" type="text" id="textfield15" class="datepicker" />
          </label></td>
        <th>준공검사관</th>
        <td><label for="textfield4">
            <input name="textfield5" type="text" id="textfield15" class="datepicker" />
          </label></td>
      </tr>
    </table>
    </div>
  </section>
  <section class="accordion">
    <h3>방제대상 목록</h3>
    <div class="tab">
      <ul>
        <li><a href="#tab1">발생조사 목록</a></li>
        <li><a href="#tab2">발생조사 위치정보</a></li>
      </ul>
      <div id="tab1" class="grid">
        <table id="jsonmap_r">
        </table>
        <div id="pjmap_r"> </div>
      </div>
      <div id="tab2"><div id="map3" style="height:300px;"></div>
        <script type="text/javascript">
			var oMap = fnCmmMapControl("map3",null, 5);
			var oIcon = new nhn.api.map.Icon('/images/dot.png',7,7);
			oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4270212 , 129.0887391) , title : '마커 : 35.4270212 , 129.0887391'  }));
				oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4270212 , 129.0887391) , title : '마커 : 35.4270212 , 129.0887391'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4154808 , 129.0777635) , title : '마커 : 35.4154808 , 129.0777635'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4266818 , 129.07058)   , title : '마커 : 35.4266818 , 129.07058 '   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4378224 , 129.0568718) , title : '마커 : 35.4378224 , 129.0568718'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4264974 , 129.0513666) , title : '마커 : 35.4264974 , 129.0513666'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4098201 , 129.1023212) , title : '마커 : 35.4098201 , 129.1023212'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4067027 , 129.1089548) , title : '마커 : 35.4067027 , 129.1089548'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4194858 , 129.1130858) , title : '마커 : 35.4194858 , 129.1130858'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.41959 , 129.1160836) , title : '마커 :   35.41959 , 129.1160836 '   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.413649 , 129.1180795) , title : '마커 :  35.413649 , 129.1180795'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4125024 , 129.1175279) , title : '마커 : 35.4125024 , 129.1175279'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4206136 , 129.1257963) , title : '마커 : 35.4206136 , 129.1257963'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4221714 , 129.1279423) , title : '마커 : 35.4221714 , 129.1279423'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.422734 , 129.129011) , title : '마커 :   35.422734 , 129.129011 '   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4196559 , 129.1432592) , title : '마커 : 35.4196559 , 129.1432592'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4180998 , 129.1303638) , title : '마커 : 35.4180998 , 129.1303638'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4180736 , 129.1323016) , title : '마커 : 35.4180736 , 129.1323016'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4161869 , 129.1331447) , title : '마커 : 35.4161869 , 129.1331447'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.414168 , 129.1331039) , title : '마커 :  35.414168 , 129.1331039'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4082815 , 129.131047) , title : '마커 :  35.4082815 , 129.131047'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4056929 , 129.1304662) , title : '마커 : 35.4056929 , 129.1304662'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4011162 , 129.1275552) , title : '마커 : 35.4011162 , 129.1275552'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4003007 , 129.123839) , title : '마커 :  35.4003007 , 129.123839'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3979436 , 129.1167448) , title : '마커 : 35.3979436 , 129.1167448'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3923688 , 129.1129342) , title : '마커 : 35.3923688 , 129.1129342'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3914234 , 129.1189047) , title : '마커 : 35.3914234 , 129.1189047'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.404444 , 129.1052463) , title : '마커 :  35.404444 , 129.1052463'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4004972 , 129.098297) , title : '마커 :  35.4004972 , 129.098297'   }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3962057 , 129.0955698) , title : '마커 : 35.3962057 , 129.0955698'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.3915932 , 129.0953027) , title : '마커 : 35.3915932 , 129.0953027'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4138276 , 129.0938027) , title : '마커 : 35.4138276 , 129.0938027'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.4268166 , 129.1150307) , title : '마커 : 35.4268166 , 129.1150307'  }));
oMap.addOverlay(new nhn.api.map.Marker(oIcon, { point : new nhn.api.map.LatLng(35.427566 , 129.1236813 ) , title : '마커 : 35.427566 , 129.1236813 '  }));
		</script></div>
    </div>
  </section>
  <script type="text/javascript">

    jQuery("#jsonmap_r").jqGrid({        
        url:'/sample/data3.json',
        datatype: "json",
        colModel:[
             {name:'ID' ,	width:100, 	align:"center"}
			,{name:'관리소' ,	width:60, 	align:"center"}
			,{name:'시군' ,	width:60, 	align:"center"}
			,{name:'동명읍' ,	width:60, 	align:"center"}
			,{name:'리' ,	width:50, 	align:"center"}
			,{name:'임반' ,	width:30, 	align:"center"}
			,{name:'소반' ,	width:30, 	align:"center"}
			,{name:'지목' ,	width:30, 	align:"center"}
			,{name:'지번' ,	width:30, 	align:"center"}
			,{name:'임종' ,	width:30, 	align:"center"}
			,{name:'임상' ,	width:30, 	align:"center"}
			,{name:'수종' ,	width:30, 	align:"center"}
			,{name:'병해충명' ,	width:100, 	align:"center"}
			,{name:'발생년도' ,	width:100, 	align:"center"}
			,{name:'발생면적' ,	width:100, 	align:"center"}
			,{name:'ha당본수' ,	width:100, 	align:"center"}
			,{name:'ha당피해본수' ,	width:100, 	align:"center"}
			,{name:'피해도' ,	width:100, 	align:"center"}
			,{name:'방제방법계획' ,	width:100, 	align:"center"}
			,{name:'조사년도' ,	width:100, 	align:"center"}
			,{name:'조사착수월' ,	width:100, 	align:"center"}
			,{name:'조사착수일' ,	width:100, 	align:"center"}
			,{name:'조사완료월' ,	width:100, 	align:"center"}
			,{name:'조사완료일' ,	width:100, 	align:"center"}
			,{name:'소요일' ,	width:100, 	align:"center"}
			,{name:'조사공무원' ,	width:100, 	align:"center"}


        ]
        , rowNum:20
        , rowList:[10,20,30]
        , pager: '#pjmap_r'
        , viewrecords: true
        , height: '260'
        , autowidth : true
        , shrinkToFit : false
		, multiselect : true
		, editurl : 'test.jsp'
    });

    jQuery("#jsonmap_r").jqGrid('navGrid','#pjmap_r',{edit:false,add:false,del:true})
	.navButtonAdd('#pjmap_r',{
	   caption:"", 
	   title : "등록",
	   buttonicon:"ui-icon-plus", 
	   onClickButton: function(){ 
		 fnCmmDialog('발생조사 등록 팝업.html', {title:'발생조사 등록', width:800});
		 return;
	   }, 
	   position:"first"
	})
	
    jQuery("#jsonmap_r").jqGrid("setFrozenColumns");
    </script>
  <div class="btn_dp">
    <button type="button">저장</button>
    <button type="button" class="close">닫기</button>
  </div>
</form>
